
<%@ page language="java" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
    %>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<input id="basePath" type="hidden" value="<%=basePath%>">
<div id="postList">	
<!-- post -->
<div class="post">
	<div class="post__head">
		<a href="#" class="post__head-img"> <img src="img/user8.jpg" alt=""></a>
		<div class="post__head-title">
			<h5>
				<a href="#"><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">塞巴斯蒂安·李</font></font></a>
			</h5>
			<p>
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">11分钟前</font></font>
			</p>
		</div>

		<div class="post__dropdown">
			<a class="dropdown-toggle post__dropdown-btn" href="#" role="button"
				id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
				aria-expanded="false"> <i class="icon ion-md-more"></i>
			</a>

			<ul class="dropdown-menu dropdown-menu-right post__dropdown-menu"
				aria-labelledby="dropdownMenu1">
				<li><a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">编辑</font></font></a></li>
				<li><a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">删除</font></font></a></li>
				<li><a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">隐藏</font></font></a></li>
			</ul>
		</div>
	</div>

	<div class="post__wrap">
		<div class="post__company">
			<i class="icon ion-ios-briefcase"></i> <span><font
				style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">Envato</font></font></span>
		</div>

		<div class="post__location">
			<i class="icon ion-ios-navigate"></i> <span><font
				style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">澳大利亚</font></font></span>
		</div>

		<div class="post__actions">
			<a class="post__actions-btn post__actions-btn--green" href="#"> <i
				class="icon ion-ios-bookmark"></i>
			</a> <a class="post__actions-btn post__actions-btn--red" href="#"> <i
				class="icon ion-ios-mail"></i>
			</a>
		</div>
	</div>

	<h2 class="post__title">
		<font style="vertical-align: inherit;"><font
			style="vertical-align: inherit;">资深Wordpress开发人员</font></font>
	</h2>

	<div class="post__options">
		<span><font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">全职</font></font></span>
		<p>
			<font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">$ 36 /小时</font></font>
		</p>
	</div>

	<div class="post__description">
		<p>
			<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">LoremIpsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化。</font><font
				style="vertical-align: inherit;">如果要使用Lorem
					Ipsum的段落，则需要确保文本中间没有隐藏任何令人尴尬的内容。</font></font>
		</p>
		<a href="#"><font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">查看更多</font></font></a>
	</div>

	<div class="post__tags">
		<a href="#"><font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">HTML </font></font></a> <a href="#"><font
			style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">CSS </font></font></a> <a href="#"><font
			style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">PHP</font></font></a>
	</div>

	<div class="post__stats">
		<div>
			<a class="post__likes" href="#"><i class="icon ion-ios-heart"></i>
				<span><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">15</font></font></span></a> <a
				class="post__comments" data-toggle="collapse" href="#collapse1"
				role="button" aria-expanded="false" aria-controls="collapse1"><i
				class="icon ion-ios-text"></i> <span><font
					style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">0</font></font></span></a>
		</div>

		<div class="post__views">
			<i class="icon ion-ios-eye"></i> <span><font
				style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">214</font></font></span>
		</div>
	</div>

	<div class="collapse post__collapse" id="collapse1">
		<form action="#" class="post__form">
			<input type="text" placeholder="输入您的评论...">
			<button type="button">
				<i class="icon ion-ios-paper-plane"></i>
			</button>
		</form>
	</div>
</div>
<!-- end post -->

<!-- post -->
<div class="post">
	<div class="post__head">
		<a href="#" class="post__head-img"> <img src="img/user5.jpg"
			alt="">
		</a>
		<div class="post__head-title">
			<h5>
				<a href="#"><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">约翰·杜</font></font></a>
			</h5>
			<p>
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">24分钟前</font></font>
			</p>
		</div>

		<div class="post__dropdown">
			<a class="dropdown-toggle post__dropdown-btn" href="#" role="button"
				id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true"
				aria-expanded="false"> <i class="icon ion-md-more"></i>
			</a>

			<ul class="dropdown-menu dropdown-menu-right post__dropdown-menu"
				aria-labelledby="dropdownMenu3">
				<li><a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">编辑</font></font></a></li>
				<li><a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">删除</font></font></a></li>
				<li><a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">隐藏</font></font></a></li>
			</ul>
		</div>
	</div>

	<div class="post__wrap">
		<div class="post__company">
			<i class="icon ion-ios-briefcase"></i> <span><font
				style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">前端开发人员</font></font></span>
		</div>

		<div class="post__actions">
			<a class="post__actions-btn post__actions-btn--green" href="#"> <i
				class="icon ion-ios-bookmark"></i>
			</a> <a class="post__actions-btn post__actions-btn--red" href="#"> <i
				class="icon ion-ios-mail"></i>
			</a> <a href="#" class="post__actions-btn post__actions-btn--blue"><span><font
					style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">现在出价</font></font></span></a>
		</div>
	</div>

	<h2 class="post__title">
		<font style="vertical-align: inherit;"><font
			style="vertical-align: inherit;">PSD转换为HTML</font></font>
	</h2>

	<div class="post__options">
		<p>
			<font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">$ 300-$ 350</font></font>
		</p>
	</div>

	<div class="post__description">
		<p>
			<font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">Lorem
					Ipsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化。</font><font
				style="vertical-align: inherit;">如果要使用Lorem
					Ipsum的段落，则需要确保文本中间没有隐藏任何令人尴尬的内容。</font></font>
		</p>
		<a href="#"><font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">查看更多</font></font></a>
	</div>

	<div class="post__tags">
		<a href="#"><font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">HTML </font></font></a> <a href="#"><font
			style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">CSS </font></font></a> <a href="#"><font
			style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">JS </font></font></a> <a href="#"><font
			style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">PSD</font></font></a>
	</div>

	<div class="post__stats">
		<div>
			<a class="post__likes" href="#"><i class="icon ion-ios-heart"></i>
				<span><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">15</font></font></span></a> <a
				class="post__comments" data-toggle="collapse" href="#collapse3"
				role="button" aria-expanded="false" aria-controls="collapse1"><i
				class="icon ion-ios-text"></i> <span><font
					style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">0</font></font></span></a>
		</div>

		<div class="post__views">
			<i class="icon ion-ios-eye"></i> <span><font
				style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">214</font></font></span>
		</div>
	</div>

	<div class="collapse post__collapse" id="collapse3">
		<form action="#" class="post__form">
			<input type="text" placeholder="输入您的评论...">
			<button type="button">
				<i class="icon ion-ios-paper-plane"></i>
			</button>
		</form>
	</div>
</div>
<!-- end post -->

<!-- post -->
<div class="post">
	<div class="post__head">
		<a href="#" class="post__head-img"> <img src="img/user8.jpg"
			alt="">
		</a>
		<div class="post__head-title">
			<h5>
				<a href="#"><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">塞巴斯蒂安·李</font></font></a>
			</h5>
			<p>
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">45分钟前</font></font>
			</p>
		</div>

		<div class="post__dropdown">
			<a class="dropdown-toggle post__dropdown-btn" href="#" role="button"
				id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
				aria-expanded="false"> <i class="icon ion-md-more"></i>
			</a>

			<ul class="dropdown-menu dropdown-menu-right post__dropdown-menu"
				aria-labelledby="dropdownMenu2">
				<li><a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">编辑</font></font></a></li>
				<li><a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">删除</font></font></a></li>
				<li><a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">隐藏</font></font></a></li>
			</ul>
		</div>
	</div>

	<div class="post__wrap">
		<div class="post__company">
			<i class="icon ion-ios-briefcase"></i> <span><font
				style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">Envato</font></font></span>
		</div>

		<div class="post__location">
			<i class="icon ion-ios-navigate"></i> <span><font
				style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">澳大利亚</font></font></span>
		</div>

		<div class="post__actions">
			<a class="post__actions-btn post__actions-btn--green" href="#"> <i
				class="icon ion-ios-bookmark"></i>
			</a> <a class="post__actions-btn post__actions-btn--red" href="#"> <i
				class="icon ion-ios-mail"></i>
			</a>
		</div>
	</div>

	<h2 class="post__title">
		<font style="vertical-align: inherit;"><font
			style="vertical-align: inherit;">资深Wordpress开发人员</font></font>
	</h2>

	<div class="post__options">
		<span><font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">全职</font></font></span>
		<p>
			<font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">$ 36 /小时</font></font>
		</p>
	</div>

	<div class="post__description">
		<p>
			<font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">Lorem
					Ipsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化。</font><font
				style="vertical-align: inherit;">如果要使用Lorem
					Ipsum的段落，则需要确保文本中间没有隐藏任何令人尴尬的内容。</font></font>
		</p>
		<a href="#"><font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">查看更多</font></font></a>
	</div>

	<div class="post__tags">
		<a href="#"><font style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">HTML </font></font></a> <a href="#"><font
			style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">CSS </font></font></a> <a href="#"><font
			style="vertical-align: inherit;"><font
				style="vertical-align: inherit;">PHP</font></font></a>
	</div>

	<div class="post__stats">
		<div>
			<a class="post__likes" href="#"><i class="icon ion-ios-heart"></i>
				<span><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">15</font></font></span></a> <a
				class="post__comments" data-toggle="collapse" href="#collapse2"
				role="button" aria-expanded="true" aria-controls="collapse2"><i
				class="icon ion-ios-text"></i> <span><font
					style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">2</font></font></span></a>
		</div>

		<div class="post__views">
			<i class="icon ion-ios-eye"></i> <span><font
				style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">214</font></font></span>
		</div>
	</div>

	<div class="collapse show post__collapse" id="collapse2">
		<form action="#" class="post__form">
			<input type="text" placeholder="输入您的评论...">
			<button type="button">
				<i class="icon ion-ios-paper-plane"></i>
			</button>
		</form>

		<div class="post__comment">
			<a href="#" class="post__comment-img"> <img src="img/user9.jpg"
				alt="">
			</a>
			<div class="post__comment-title">
				<h5>
					<a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">艾伦·帕特里克</font></font></a>
				</h5>
				<p>
					<font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">20分钟前</font></font>
				</p>
			</div>

			<p class="post__comment-text">
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">现在，许多桌面出版软件包和网页编辑器都使用Lorem
						Ipsum作为默认模型文本，并且搜索“ lorem ipsum”将发现许多仍处于起步阶段的网站。</font></font>
			</p>
		</div>

		<div class="post__comment">
			<a href="#" class="post__comment-img"> <img src="img/user2.jpg"
				alt="">
			</a>
			<div class="post__comment-title">
				<h5>
					<a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">迭戈·科斯塔</font></font></a>
				</h5>
				<p>
					<font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">22分钟前</font></font>
				</p>
			</div>

			<p class="post__comment-text">
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">现在，许多桌面出版软件包和网页编辑器都使用Lorem
						Ipsum作为默认模型文本，并且搜索“ lorem ipsum”将发现许多仍处于起步阶段的网站。</font></font>
			</p>
		</div>
	</div>
</div>
<!-- end post -->
</div>
<input  id="nextPage" hidden="hidden"  value="1" />
<!-- view more -->
<button class="main__btn" type="button">
	<span><font style="vertical-align: inherit;"><font
			style="vertical-align: inherit;">装载更多</font></font></span>
</button>
<!-- end view more -->
<script src="<%=basePath%>/js/jquery-3.4.1.min.js"></script>
<script src="<%=basePath%>/js/bootstrap.bundle.min.js"></script>
<script src="<%=basePath%>/js/zy_main.js"></script>
<script src="<%=basePath%>/js/bootstrap-treeview.js"></script>
<script src="<%=basePath%>/js/select2.min.js"></script>
	<script src="<%=basePath%>/js/owl.carousel.min.js"></script>
	<script src="<%=basePath%>/js/wNumb.js"></script>
	<script src="<%=basePath%>/js/nouislider.min.js"></script>
	<script src="<%=basePath%>/js/select2.min.js"></script>
